﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <%@ include file="/WEB-INF/views/modules/commons/head.jsp" %>
    <title>各节点文件清单</title>
    <!--节点备案清单css  -->
    <link rel="stylesheet" href="<s:url value="/assets/web/css/user/user_qdmanger.css"></s:url>">
    <style>
        /* 公用边距 */
        #content-main {
            padding: 30px 20px 0;
        }
    </style>
</head>
<body class="bgcolor">
<%@ include file="/WEB-INF/views/modules/commons/nav.jsp" %>
<%@ include file="/WEB-INF/views/modules/commons/menu.jsp" %>
<table></table>
<div class="av row J_mainContent" id="content-main">
    <!-- 节点备案清单 -->
    <div class="user-node-list">
        <!-- 1项目建议书 -->
        <div class="jd-block">
            <%--<div class="accordion-group">--%>
            <%--<div class="accordion-heading">--%>
            <%--<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne-1">--%>
            <%--1.1 业主备件 <em>∧</em>--%>
            <%--</a>--%>
            <%--</div>--%>
            <%--<div id="collapseOne-1" class="accordion-body collapse in" >--%>
            <%--<!-- 111 -->--%>
            <%--<div class="content-qd">--%>
            <%--<p class="node-qd">备案清单</p>--%>
            <%--<div class="accordion-inner">--%>
            <%--<div class="file-qd">--%>
            <%--<span>文件名称</span>--%>
            <%--<span>责任单位:</span>--%>
            <%--</div>--%>
            <%--<div class="project-remark">项目描述。。。。。。。。。。。。。。。。。。。。。。。。。</div>--%>
            <%--</div>--%>
            <%--</div>--%>
            <%--</div>--%>
            <%--</div>--%>
            <%--<div class="accordion-group">--%>
                <%--<div class="accordion-heading">--%>
                    <%--<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne-2">--%>
                        <%--2.1 业主备件 <em>∧</em>--%>
                    <%--</a>--%>
                <%--</div>--%>
                <%--<div id="collapseOne-2" class="accordion-body collapse in">--%>
                    <%--<div class="content-qd">--%>
                        <%--<p class="node-qd">备案清单</p>--%>
                        <%--<div class="accordion-inner">--%>
                            <%--<div class="file-qd">--%>
                                <%--<span>文件名称</span>--%>
                                <%--<span>责任单位:</span>--%>
                            <%--</div>--%>
                            <%--<div class="project-remark">项目描述。。。。。。。。。。。。。。。。。。。。。。。。。</div>--%>
                        <%--</div>--%>
                    <%--</div>--%>
                <%--</div>--%>
            <%--</div>--%>

        </div>
    </div>
</div>
<script src="<s:url value="/assets/web/js/jquery.min.js?v=2.1.4"></s:url>"></script>
<script src="<s:url value="/assets/web/js/bootstrap.min.js"></s:url>"></script>
<script src="<s:url value="/assets/web/common/bootstrapvalidator/dist/js/bootstrapValidator.js"></s:url>"></script>
<script>

    $(function () {
        $(".jd-block").on("click", ".accordion-toggle", function () {
            if ($(this).parent().next().hasClass("in")) {
                $(this).children("em").html(" ∨ ");
            } else {
                $(this).children("em").html(" ∧ ");
            }
        });
        //节点清单请求
        $.ajax({
            type: "GET",
            url: "/nodeFilter/go/lists",
            dataType: "json",
            success: function (data) {
                // console.log(1);
                console.log(data);
                var html = "";
                var i = 1;


                for (key in data) {
                    var a = 1 ;
                    console.log(i);
                    console.log(key);
                    html += '\<div class="accordion-group">\
                        <div class="accordion-heading">\
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne-'+i+'">\
                        '+key + ' <em>∧</em>\
                    </a>\
                    </div>\
                      <div id="collapseOne-'+i+'" class="accordion-body collapse in">\
                            <div class="content-qd">\
                              <p class="node-qd">需提交文件清单</p>';
                    for (value in data[key]) {
                        // console.log(data[key][value]);
                        html += '\<div class="accordion-inner">\
                        <div class="file-qd">\
                        <span>'+a+'、文件名称：' + data[key][value].fileName + '</span>\
                        <span>责任单位：' + data[key][value].resDept + '</span>\
                    </div>\
                    <div class="project-remark">备注：<div class="remark-content">' + (data[key][value].remark == undefined ? "" : data[key][value].remark) + '</div></div>\
                    </div>';
                        a++;
                    }
                    i++;
                    html += '\</div>\
                             </div>\
                </div>';
                }
                // 备注：' + (data[key][value].remark == undefined ? "" : data[key][value].remark) + '
                $(".user-node-list").html(html);
            },
            error: function () {

            }
        });
    })
</script>

</body>
</html>